@import './common';
page{
  background-color:$thirdBgWin !important;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.text-center {
  text-align: center;
}

.border_unit{
  font-size: 28rpx;
  border: 2px solid $mainColor;
  border-radius: 10rpx;
  text-align: center;
  display: block;
  padding: 5rpx 10rpx;
}

.msg{
  box-sizing: border-box;
  padding: 100rpx 30rpx 200rpx;
  text-align: center;
  color: #999;
}

page {
  background-color: #f6f6f6;
}

.hint-wrap {
  position: absolute;
  top: 0rpx;
  left: 0;
  box-sizing: border-box;
  padding: 20rpx 20rpx 20rpx 0;
  z-index: 1;
  font-size: 28rpx;
  color: #fff;
  background-color: $mainColor;
  opacity: 0.6;
  border-top-right-radius: 100rpx;
  border-bottom-right-radius: 100rpx;
}

.hint-icon {
  margin-left: 17rpx;
  margin-right: 10rpx;
}

.hint-icon .icon {
  display: block;
  width: 32rpx;
  height: 32rpx;
}

.top-bg {
  width: 100%;
  height: 100rpx;
}

.handle {
  box-sizing: border-box;
  padding: 40rpx 35rpx;
  margin: -70rpx 20rpx 50rpx;
  background-color: $bgWin;
  border-radius: 10rpx;
}

.handle .h-container{
  justify-content: space-between;
}

.handle .icon {
  display: block;
  width: 69rpx;
  height: 69rpx;
  padding-top: 6rpx;
}

.handle-list {
  text-align: center;
}

.h-list-title {
  margin-right: 20rpx;
  font-size: 32rpx;
}

.h-list-subtitle {
  margin-top: 16rpx;
  margin-right: 20rpx;
  font-size: 26rpx;
  color: #999;
}

.h-list-icon {
  display: block;
  width: 34rpx;
  height: 18rpx;
  padding-top: 16rpx;
}

.h-share{
  position: relative;
}

.h-share-btn{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.h-count{
  margin-top: 40rpx;
  text-align: center;
}

.h-count-num{
  font-size: 84rpx;
  color: $mainColor;
}

.h-count-unit{
  margin-left: 20rpx;
  font-size: 30rpx;
  color: #999;
}

.i-list {
  margin-top: 30rpx;
  justify-content: center;
  font-size: 38rpx;
}

.i-list-item {
  position: relative;
  box-sizing: border-box;
  padding: 0 30rpx ;
}

 .i-list-item:not(:last-child):after{
  position: absolute;
  right: 0;
  top: 10rpx;
  content: ' ';
  display: block;
  width: 3rpx;
  height: 56rpx;
  background-color: $mainColor;
} 

.i-list-item .item-text {
  font-size: 30rpx;
  color: #999;
}

.his-btn{
  display: inline-block;
  line-height: 70rpx;
  box-sizing: border-box;
  padding: 0 60rpx;
  margin: 40rpx 0;
  border-radius: 100rpx;
  border: 1rpx solid #888;
  color: #888;
}

.his-btn-action{
  border-color: $mainColor;
  color: $mainColor;
}

.pos-right-top{
  position: absolute;
  top: 0;
  right: 10rpx;
  z-index: 99;
  color: $mainColor;
}

.pos-right-bottom{
  /* position: absolute;
  bottom: 10rpx;
  right: 10rpx; */
  float: right;
  margin-top: 10rpx;
  margin-right: 10rpx;
  z-index: 99;
  font-size: 28rpx;
  color: #999;
}